<template>
  <div>
    <!-- <div name="echart" id="main" style="width: 600px; height: 400px"></div> -->
    <el-card>
      <ve-line :data="chartData"></ve-line>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      price: [1, 2, 3],
      chartData: {
        columns: ["日期", "历史价格"],
        rows: [
          { 日期: "1/1", 历史价格: 3700},
          { 日期: "1/2", 历史价格: 3500 },
          { 日期: "1/3", 历史价格: 2923 },
        ],
      },
    };
  },
  computed:{
	//   setPrice(){
	// 	  data.rows.历史价格[1]=10;
	// 	  console.log(this.data.rows)
	//   }
  },
  mouted(){
	  this.setPrice();
  },
  methods: {
	  async setPrice(){
		  try{
			  console.log("try setPrice1");
			  console.log(this.data.rows)
		  }catch(err){console.log("err:"+err)}
	  }
    ////echart
    // drawChart() {
    //   // 基于准备好的dom，初始化echarts实例
    //   let myChart = this.$echarts.init(document.getElementById("main"));
    //   // 指定图表的配置项和数据
    //   let option = {
    //     title: {
    //       text: "ECharts 入门示例",
    //     },
    //     tooltip: {},
    //     legend: {
    //       data: ["销量"],
    //     },
    //     xAxis: {
    //       data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
    //     },
    //     yAxis: {},
    //     series: [
    //       {
    //         name: "销量",
    //         type: "bar",
    //         data: [5, 20, 36, 10, 10, 20],
    //       },
    //     ],
    //   };
    //   // 使用刚指定的配置项和数据显示图表。
    //   myChart.setOption(option);
    // },
  },
  mounted() {
    ////echart
    // this.drawChart();
  },
};
</script>